<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, target-densitydpi=medium-dpi" />
<title> ::: 골프인 :::</title>
<link rel="stylesheet" type="text/css" href="../css/common.css">
<script  src="../js/common.js"></script>
<script  src="../js/jquery.js"></script>
<script src="../js/jquery.mobile-1.1.0.js"></script>
</head>

<body>
<section data-role="dialog" data-theme="d" id="join_room_pw" class="container">
    <!--top-->
    <header data-role="header" data-position="fixed" data-theme="a">
        <h2>비밀번호 입력</h2>
    </header><!-- // header  -->
    
    <!--메인 컨텐츠-->
    <section data-role="content" class="pw_area"> 
        <form action="#" method="#">
            <fieldset>
                <legend>비공개 조인룸은 비밀번호 입력 후 <br /> 열람이 가능합니다.   </legend>
                <input type="password" id="input_password" placeholder="비밀번호 숫자4자리를 입력하세요." />            
            </fieldset>
            
            <fieldset class="ui-grid-a">
                <p class="ui-block-a"><a data-role="button" type="#" data-theme="a" id="join_room_pw_confirm_btn">확인</a></p>
                <p class="ui-block-b"><a href="#room" data-role="button" data-theme="d" data-rel="back" >취소</a></p>
            </fieldset>
        </form>  
    </section><!-- // content -->
</section><!-- // dialog-->
</body>
</html>